/** 
 * 学习目标：使用React中的状态-复杂的写法
 * 注意：简写与复杂的写法，作用完全相同
 * */
import React from "react";

export default class App extends React.Component {
    // constructor 是构造函数，固定写法
    constructor() {
        // 1.一定要调用super()
        super();
        // 2.声明state，通过this.state = {}
        this.state = {
            msg: 'Hello React'
        }
    }

    render() {
        console.log(this, 'this');
        // 2. 使用数据，通过this访问，this指向组件实例对象
        return <h1>{this.state.msg}</h1>
    }
}